<template>
  <a-drawer v-model:open="visible" title="条件设置" placement="right" width="600px" :footer-style="{ textAlign: 'right' }">
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
    <template #footer>
      <a-button style="margin-right: 8px" @click="onClose">取消</a-button>
      <a-button type="primary" @click="onClose">确认</a-button>
    </template>
  </a-drawer>
</template>
<script setup>
  import { ref, watch, computed } from 'vue';

  import { useFlowDesignerStore } from '/@/store/modules/flowable';

  let store = useFlowDesignerStore();
  let { setCondition, setConditionsConfig } = store;
  let conditionDrawer = computed(() => store.conditionDrawer);
  let visible = computed({
    get() {
      return conditionDrawer.value;
    },
    set() {
      closeDrawer();
    },
  });

  const closeDrawer = (val) => {
    setCondition(false);
  };
</script>
<style lang="css" scoped></style>
